<!-- 1. 简约风格底部 -->
<footer class="footer bg-light py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mb-4">
                <h5 class="mb-3">关于我们</h5>
                <p class="text-muted">我们致力于提供高质量的产品和服务，为用户创造更好的体验。</p>
            </div>
            <div class="col-md-3 mb-4">
                <h5 class="mb-3">快速链接</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">首页</a></li>
                    <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">产品</a></li>
                    <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">服务</a></li>
                    <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-3 mb-4">
                <h5 class="mb-3">联系我们</h5>
                <ul class="nav flex-column">
                    <li class="nav-item mb-2">
                        <a href="#" class="nav-link p-0 text-muted">
                            <i class="fas fa-envelope me-2"></i> contact@example.com
                        </a>
                    </li>
                    <li class="nav-item mb-2">
                        <a href="#" class="nav-link p-0 text-muted">
                            <i class="fas fa-phone me-2"></i> +86 123 4567 8910
                        </a>
                    </li>
                    <li class="nav-item mb-2">
                        <a href="#" class="nav-link p-0 text-muted">
                            <i class="fas fa-map-marker-alt me-2"></i> 北京市朝阳区
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="d-flex flex-column flex-sm-row justify-content-between pt-4 border-top">
            <p class="text-muted">&copy; 2023 公司名称. 保留所有权利.</p>
            <div class="social-links mt-3 mt-sm-0">
                <a href="#" class="social-icon bg-light text-dark border"><i class="fab fa-weixin"></i></a>
                <a href="#" class="social-icon bg-light text-dark border"><i class="fab fa-weibo"></i></a>
                <a href="#" class="social-icon bg-light text-dark border"><i class="fab fa-qq"></i></a>
            </div>
        </div>
    </div>
</footer>
